<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="{$site.keywords}"/>
    <meta name="description" content="{$site.description}"/>
    <title>{:__lang('Home')} - {$site.site_name}</title>
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/style.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/media.css">
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/jquery.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/swiper.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/swiper.animate1.0.3.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/wow.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/menu.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/jquery.counterup.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/jquery.waypoints.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/javascript.js"></script>
    <link rel="shortcut icon" href="__CDN__/assets/addons/wwh/images/favicon.ico">
</head>
<body>
<!-- 头部 -->
{include file="header" /}
<!-- Banner -->
<div class="index-banner-swiper swiper-container">
    <div class="swiper-wrapper">
        {volist name="banner" id="v" key="k"}
        <div class="swiper-slide">
            <div class="index-banner-item">
                <div class="text">
                    <div class="big ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><div>{$v.bigfont}</div></div>
                    <div class="small ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.6s"><div>{$v.font}</div></div>
                    <div class="more-group">
                        <div class="ty-more ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.9s"><a href="{$v.url}" target="_blank"><span>{:__lang('View More')}</span><i></i></a></div>
                        {if condition="empty($v.video_image) neq true"}
                        <div class="play ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.2s">
                            <a href="javascript:;" class="m-video ani" swiper-animate-effect="flash" swiper-animate-duration="1s" swiper-animate-delay="2.2s" data-src="{$v.video_image|cdnurl}">
                                <i></i>
                                <span>Play Video</span>
                            </a>
                        </div>
                        {/if}
                    </div>
                </div>
                <div class="img">
                    <div class="pic" style="background-image: url('{$v.pc_image|cdnurl}');">
                        <img src="__CDN__/assets/addons/wwh/images/banner_size.png" class="img-block" alt="">
                    </div>
                    <div class="mpic" style="background-image: url('{$v.phone_image|cdnurl}');">
                        <img src="__CDN__/assets/addons/wwh/images/banner_size.png" class="img-block" alt="">
                    </div>
                </div>
            </div>
        </div>
        {/volist}
    </div>
    <div class="swiper-pagination banner-pagination"></div>
    <div class="swiper-button">
        <div class="swiper-button-prev swiper-index-prev"></div>
        <div class="swiper-button-next swiper-index-next"></div>
    </div>
</div>
{if $product_show == '1'}
<!-- 推荐产品 -->
<div class="index-product">
    <div class="container-outer">
        <div class="index-mod-top">
            <div class="index-mod-title wow fadeInLeft" data-wow-delay="0.3s">
                <h3>{:__lang('Featured Products')}</h3><i></i>
            </div>
            <div class="ty-more wow fadeInRight" data-wow-delay="0.3s">
                <a href="{:addon_url('wwh/column/index', [':diyname'=>'product'])}" target="_blank"><span>{:__lang('View More')}</span><i></i></a>
            </div>
        </div>
        <div class="bottom">
            {volist name="productBig" id="v"}
            <a href="{:addon_url('wwh/archives/index', [':diyname'=>$navId[$v.column_id]['diyname'], ':id'=>$v.id])}" target="_blank" class="left items pic wow fadeInUp" data-wow-delay="0.4s" style="background-image: url('{$v.rec_image|cdnurl}');">
                <img src="__CDN__/assets/addons/wwh/images/index_product_big.png" class="img-block">
                <div class="title"><h3>{$v.title}</h3></div>
                <div class="text"><h3>{$v.title}</h3><p>{$v.p_pn}</p></div>
            </a>
            {/volist}
            <div class="right">
                {volist name="product" id="v"}
                <a href="{:addon_url('wwh/archives/index', [':diyname'=>$navId[$v.column_id]['diyname'], ':id'=>$v.id])}" target="_blank" class="items pic wow fadeInUp" data-wow-delay="0.5s" style="background-image: url('{$v.rec_image|cdnurl}');">
                    <img src="__CDN__/assets/addons/wwh/images/index_product_small.png" class="img-block">
                     <div class="title"><h3>{$v.title}</h3></div>
                     <div class="text"><h3>{$v.title}</h3><p>{$v.p_pn}</p></div>
                </a>
                {/volist}
            </div>
        </div>
    </div>
</div>
{/if}
{if $about_show == '1'}
<!-- 公司简介 -->
<div class="index-about">
    <div class="container-outer">
        <div class="index-about-wrapper">
            <div class="index-about-left">
                <div class="index-mod-top">
                    <div class="index-mod-title wow fadeInUp" data-wow-delay="0.3s">
                        <h3>{:__lang('Company Profile')}</h3><i></i>
                    </div>
                </div>
                <div class="index-about-msg wow fadeInUp" data-wow-delay="0.4s">
                    <p><span>{$home.about_title|htmlentities}</span>{$home.introduction|htmlentities}</p>
                </div>
                <ul class="index-about-number wow fadeInUp" data-wow-delay="0.5s">
                    <li>
                        <p><strong>{$home.num1|htmlentities}</strong><span>{$home.unit1|htmlentities}</span></p>
                        <p>{$home.introduce1|htmlentities}</p>
                    </li>
                    <li><p><strong>{$home.num2|htmlentities}</strong><span>{$home.unit2|htmlentities}</span></p>
                        <p>{$home.introduce2|htmlentities}</p>
                    </li>
                    <li>
                        <p><strong>{$home.num3|htmlentities}</strong><span>{$home.unit3|htmlentities}</span></p>
                        <p>{$home.introduce3|htmlentities}</p>
                    </li>
                </ul>
                <div class="ty-more wow fadeInUp" data-wow-delay="0.6s"><a href="{:addon_url('wwh/column/index', [':diyname'=>'about'])}" target="_blank"><span>{:__lang('View More')}</span><i></i></a></div>
            </div>
            <div class="index-about-right wow fadeInRight" data-wow-delay="0.7s">
                <div class="img">
                    <div class="pic" style="background-image: url('{$home.image|cdnurl}');">
                        <img src="__CDN__/assets/addons/wwh/images/index_about_size.png" class="img-block">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{/if}
{if $cases_show == '1'}
<!-- 解决方案 -->
<div class="index-cases">
    <div class="container-outer">
        <div class="index-mod-top">
            <div class="index-mod-title wow fadeInLeft" data-wow-delay="0.3s">
                <h3>{:__lang('Solution')}</h3><i></i>
            </div>
            <div class="ty-more wow fadeInRight" data-wow-delay="0.3s">
                <a href="{:addon_url('wwh/column/index', [':diyname'=>'cases'])}" target="_blank"><span>{:__lang('View More')}</span><i></i></a>
            </div>
        </div>
        <div class="index-cases-list">
            {volist name="cases" id="v"}
            <div class="index-cases-item wow fadeInUp" data-wow-delay="0.4s">
                <a href="{:addon_url('wwh/archives/index', [':diyname'=>$navId[$v.column_id]['diyname'], ':id'=>$v.id])}" target="_blank">
                    <div class="item-box">
                        <div class="img">
                            <div class="pic" style="background-image: url('{$v.rec_image|cdnurl}');">
                                <img src="__CDN__/assets/addons/wwh/images/index_cases_size.png" class="img-block">
                            </div>
                            <div class="column">{$navId[$v.column_id]['name']}</div>
                        </div>
                        <div class="text-box">
                            <div class="title">
                                <h3>{$v.title}</h3>
                                <h5>{$v.description|strip_tags}</h5>
                                <div class="more">{:__lang('View More')}<i></i></div>
                            </div>
                        </div>
                        <div class="wl">
                            <div class="line"></div>
                        </div>
                    </div>
                </a>
            </div>
            {/volist}
        </div>
    </div>
</div>
{/if}
{if $partner_show == '1'}
<!-- 合作伙伴 -->
<div class="index-partner">
    <div class="container-outer">
        <div class="index-mod-top">
            <div class="index-mod-title wow fadeInLeft" data-wow-delay="0.3s">
                <h3>{:__lang('Cooperative Partner')}</h3><i></i>
            </div>
            <div class="ty-more wow fadeInRight" data-wow-delay="0.3s">
                <a href="{:addon_url('wwh/column/index', [':diyname'=>'partner'])}" target="_blank"><span>{:__lang('View More')}</span><i></i></a>
            </div>
        </div>
        <div class="index-partner-list">
            {volist name="partner" id="v"}
            <div class="index-partner-item wow fadeInUp" data-wow-delay="0.4s">
                <a href="javascript:;">
                    <div class="logo"><img src="{$v.image|cdnurl}" class="img-center" alt=""></div>
                    <div class="title">{$v.title}</div>
                </a>
            </div>
            {/volist}
        </div>
    </div>
</div>
{/if}
{if $news_show == '1'}
<!-- 新闻中心 -->
<div class="index-news">
    <div class="container-outer">
        <div class="index-mod-top">
            <div class="index-mod-title wow fadeInLeft" data-wow-delay="0.3s">
                <h3>{:__lang('News Center')}</h3><i></i>
            </div>
            <div class="ty-more wow fadeInRight" data-wow-delay="0.3s">
                <a href="{:addon_url('wwh/column/index', [':diyname'=>'news'])}" target="_blank"><span>{:__lang('View More')}</span><i></i></a>
            </div>
        </div>
        <div class="index-news-list">
            {volist name="news" id="v"}
            <div class="index-news-item wow fadeInUp" data-wow-delay="0.4s">
                <a href="{:addon_url('wwh/archives/index', [':diyname'=>$navId[$v.column_id]['diyname'], ':id'=>$v.id])}">
                    <div class="img">
                        <div class="pic" style="background-image: url('{$v.rec_image|cdnurl}');">
                            <img src="__CDN__/assets/addons/wwh/images/index_news_size.png" class="img-block">
                        </div>
                        <div class="column">{$navId[$v.column_id]['name']}</div>
                    </div>
                    <div class="index-news-text">
                        <h3>{$v.title}</h3>
                        <h5>{$v.description|strip_tags}</h5>
                        <div class="bottom"><h5 class="left">{:__lang('View More')}<i></i></h5><h5 class="right">{$v.time}</h5></div>
                    </div>
                </a>
            </div>
            {/volist}
        </div>
    </div>
</div>
{/if}
<!-- 底部 -->
{include file="footer" /}
<link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/video.css">
<script type='text/javascript' src="__CDN__/assets/addons/wwh/js/video.js"></script>
<script type="text/javascript">
    //公司简介数字滚动
    $('.index-about .index-about-number strong').counterUp({
        delay: 10,
        time: 2000
    });

    var full_height=$(window).height();
    $('.index-banner-swiper').height(full_height);
    $('.index-banner-swiper .swiper-slide .img .pic .img-block').height(full_height);
    $('.index-banner-swiper .swiper-slide .img .mpic .img-block').height(full_height);

    var swiper1 = new Swiper('.index-banner-swiper',{
        slidesPerView: 1,
        spaceBetween: 0,
        effect: 'fade',
        autoplay: {delay: 8000,stopOnLastSlide: false,disableOnInteraction: true,},
        pagination: {
            el: '.banner-pagination',
            type: 'fraction',
            renderFraction: function (currentClass, totalClass) { return '<span class="' + currentClass + '"></span>' + '<span class="' + totalClass + '"></span>';},
            formatFractionCurrent: function (number) {switch(number){case 1:myNum='01';break;case 2:myNum='02';break;case 3:myNum='03';break;case 4:myNum='04';break;case 5:myNum='05';break;case 6:myNum='06';break;case 7:myNum='07';break;case 8:myNum='08';break;case 9:myNum='09';break;default:myNum= number}return myNum; },
            formatFractionTotal: function (number) {switch(number){case 1:myNum='01';break;case 2:myNum='02';break;case 3:myNum='03';break;case 4:myNum='04';break;case 5:myNum='05';break;case 6:myNum='06';break;case 7:myNum='07';break;case 8:myNum='08';break;case 9:myNum='09';break;default:myNum= number}return myNum; },
        },
        navigation: {
            nextEl: '.swiper-index-next',
            prevEl: '.swiper-index-prev',
        },
        on:{
            init: function(){
                swiperAnimateCache(this); //隐藏动画元素
                swiperAnimate(this); //初始化完成开始动画
            },
            slideChangeTransitionEnd: function(){
                swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
            }
        }
    });
</script>
</body>
</html>
